.forget {
  background-color: #f9f9f9; }
  .forget .panel {
    margin-top: 70px;
    margin-bottom: 140px;
    border-radius: 0; }
    .forget .panel .panel-heading {
      padding-top: 20px;
      height: 70px;
      border: 0;
      background-color: #58c676;
      color: #fff;
      border-radius: 0; }
      .forget .panel .panel-heading .title {
        font-size: 24px; }
    .forget .panel .form-group {
      margin-left: 36px; }
    .forget .panel .form-group-password {
      margin: 0;
      margin-top: 40px;
      margin-left: 36px;
      margin-right: 36px;
      border-bottom: 1px solid #eef0f1;
      padding-bottom: 20px;
      display: flex;
      flex-flow: row nowrap;
      align-items: center; }
      .forget .panel .form-group-password label {
        font-size: 16px;
        color: #acb0ab; }
      .forget .panel .form-group-password label.col {
        padding: 0; }
      .forget .panel .form-group-password input {
        border: 0;
        box-shadow: none; }
    .forget .panel .button-form-group, .forget .panel .button-form-group-phone {
      margin-top: 40px;
      margin-bottom: 40px;
      text-align: center; }
      .forget .panel .button-form-group button, .forget .panel .button-form-group button:hover, .forget .panel .button-form-group-phone button, .forget .panel .button-form-group-phone button:hover {
        border-radius: 20px;
        border: 1px solid #58c676;
        background-color: #58c676;
        color: #fff;
        font-size: 18px;
        padding: 5px 20px; }

@media screen and (max-width: 768px) {
  .forget {
    background-color: #fff; }
    .forget .panel {
      border: 0;
      box-shadow: none; }
      .forget .panel .panel-heading {
        background-color: #fff;
        color: #3c4040; }
        .forget .panel .panel-heading .title {
          padding-left: 15px; }
      .forget .panel .form-group-password {
        margin: 0; } }
